<template>
  <view>
    <view class="grace-bg-white ">
      <view class="grace-list">
        <navigator
          url="../MyPage/phoneSeting"
          class="items"
        >
          <view class="title">手机号</view>
          <view class="arrow-right"></view>
        </navigator>
        <navigator
          url="../MyPage/passwordSetting"
          class="items"
        >
          <view class="title">密码设置</view>
          <view class="arrow-right"></view>
        </navigator>
      </view>
    </view>
  </view>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.grace-list {
  /* font-weight: bold; */
  font-size: 36upx;
  padding: 0;
  .title {
    font-size: 32upx;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
  }
}
.grace-list .items .title {
  margin-left: 36upx;
  padding: 13px 30px 13px 0;
}
.grace-list .items .arrow-right {
  height: 46px;
  line-height: 46px;
}
</style>